<!DOCTYPE html>
<html>
<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <!-- Page title -->
    <title>中风医馆 | 店铺管理</title>

    <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
    <!--<link rel="shortcut icon" type="image/ico" href="favicon.ico" />-->

    <!-- Vendor styles -->
    <link rel="stylesheet" href="__PUBLIC__/vendor/fontawesome/css/font-awesome.css" />
    <link rel="stylesheet" href="__PUBLIC__/vendor/metisMenu/dist/metisMenu.css" />
    <link rel="stylesheet" href="__PUBLIC__/vendor/animate.css/animate.css" />
    <link rel="stylesheet" href="__PUBLIC__/vendor/bootstrap/dist/css/bootstrap.css" />
    <link rel="stylesheet" href="__PUBLIC__/vendor/sweetalert/lib/sweet-alert.css" />

    <!-- App styles -->
    <link rel="stylesheet" href="__PUBLIC__/fonts/pe-icon-7-stroke/css/pe-icon-7-stroke.css" />
    <link rel="stylesheet" href="__PUBLIC__/fonts/pe-icon-7-stroke/css/helper.css" />
    <link rel="stylesheet" href="__PUBLIC__/styles/style.css">
	<style type="text/css">
		.certing{
			width: 80%;
		}
		.certed{
			width: 100%;
		}
	</style>
</head>
<body>

<!-- Simple splash screen-->
<div class="splash"> 
	<div class="color-line">
		
	</div>
	<div class="splash-title">
		<h1>中风医馆服务者后台</h1>
		<p>中风医馆-您的家庭医生，离你最近的医馆</p>
		<img src="__PUBLIC__/images/loading-bars.svg" width="64" height="64" /> 
	</div> 
</div>
<!--[if lt IE 7]>
<p class="alert alert-danger">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->

<!-- Header -->
<div id="header">
    <div class="color-line">
    </div>
    <div id="logo" class="light-version">
        <span>
            中风医馆-您的家庭医生
        </span>
    </div>
    <nav role="navigation">
        <div class="header-link hide-menu"><i class="fa fa-bars"></i></div>
        <div class="small-logo">
            <span class="text-primary">中风医馆</span>
        </div>
        <form role="search" class="navbar-form-custom" method="post" action="#">
            <div class="form-group">
                <input type="text" placeholder="搜索" class="form-control" name="search">
            </div>
        </form>
        <div class="navbar-right">
            <ul class="nav navbar-nav no-borders">
                <!--<li class="dropdown">
                    <a class="dropdown-toggle" href="#" data-toggle="dropdown">
                        <i class="pe-7s-speaker"></i>
                    </a>
                    <ul class="dropdown-menu hdropdown notification animated flipInX">
                        <li>
                            <a>
                                <span class="label label-success">NEW</span> It is a long established.
                            </a>
                        </li>
                        <li>
                            <a>
                                <span class="label label-warning">WAR</span> There are many variations.
                            </a>
                        </li>
                        <li>
                            <a>
                                <span class="label label-danger">ERR</span> Contrary to popular belief.
                            </a>
                        </li>
                        <li class="summary"><a href="#">See all notifications</a></li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a class="dropdown-toggle label-menu-corner" href="#" data-toggle="dropdown">
                        <i class="pe-7s-mail"></i>
                        <span class="label label-success">4</span>
                    </a>
                    <ul class="dropdown-menu hdropdown animated flipInX">
                        <div class="title">
                            You have 4 new messages
                        </div>
                        <li>
                            <a>
                                It is a long established.
                            </a>
                        </li>
                        <li>
                            <a>
                                There are many variations.
                            </a>
                        </li>
                        <li>
                            <a>
                                Lorem Ipsum is simply dummy.
                            </a>
                        </li>
                        <li>
                            <a>
                                Contrary to popular belief.
                            </a>
                        </li>
                        <li class="summary"><a href="#">See All Messages</a></li>
                    </ul>
                </li>-->
                <li class="dropdown">
                    <a href="{:U('Register/logout')}">
                        <i class="pe-7s-upload pe-rotate-90"></i>
                    </a>
                </li>
            </ul>
        </div>
    </nav>
</div>

<!-- Navigation -->
<aside id="menu">
    <div id="navigation">
        <div class="profile-picture">
            <a href="">
                <img src="{$headurl}" width="76px" height="76px" class="img-circle m-b" alt="logo">
            </a>

            <div class="stats-label text-color">
                <span class="font-extra-bold font-uppercase">{$username}</span>

                <div class="dropdown">
                    <a class="dropdown-toggle" href="#" data-toggle="dropdown">
                        <small class="text-muted">快捷入口<b class="caret"></b></small>
                    </a>
                    <ul class="dropdown-menu animated fadeInRight m-t-xs">
                        <!--<li><a href="contacts.html">Contacts</a></li>
                        <li><a href="profile.html">Profile</a></li>
                        <li><a href="analytics.html">Analytics</a></li>
                        <li class="divider"></li>-->
                        <li><a href="{:U('Register/logout')}">退出系统</a></li>
                    </ul>
                </div>


                <div id="sparkline1" class="small-chart m-t-sm"></div>
                <div>
                    <!--<h4 class="font-extra-bold m-b-xs">
                        $260 104,200
                    </h4>-->
                    <small class="text-muted">中风医馆-离您最近的医馆</small>
                </div>
            </div>
        </div>

        <ul class="nav" id="side-menu">
            <!--<li>
                <a href="{:U('index')}"> <span class="nav-label">首页</span> <span class="label label-success pull-right">v.1</span> </a>
            </li>-->
            <li>
                <a href="{:U('certification')}"> <span class="nav-label">医生认证</span><span class="label label-warning pull-right">NEW</span> </a>
            </li>
            <eq name='status' value='success'>
                <li>
                    <a href="{:U('createGroup')}"> <span class="nav-label">我要创建团队</span><span class="label label-warning pull-right">NEW</span> </a>
                </li>
            </eq>
            <li>
                <a href="{:U('certificationClinic')}"> <span class="nav-label">诊所认证</span><span class="label label-warning pull-right">NEW</span> </a>
            </li>
            <!--<li>
                <a href="order.html"> <span class="nav-label">订单管理</span></a>
            </li>
            <li>
                <a href="ShopManager.html"> <span class="nav-label">套餐管理</span></a>
            </li>-->
        </ul>
    </div>
</aside>

<!-- Main Wrapper -->
<div id="wrapper">

<div class="content animate-panel">
	<div class="row">
	    <div class="col-lg-12 text-center m-t-md">
	        <div class="Certifi">
				<h2>
                    <eq name='status' value='success'>恭喜！您的认证已通过<else/>实名认证资料审核中...</eq>
                </h2>
				<div class="progress m-t-xs full progress-striped active" style="width: 300px;margin: 0 auto;margin-top: 60px;">
					<!--class=certed表示核审完成，class=certing表示正在核审，显示数字需在下面修改-->
					<div aria-valuemax="100" aria-valuemin="0" aria-valuenow="90" role="progressbar" class="<eq name='status' value='success'>certed<else/>certing</eq> progress-bar progress-bar-success">
				        <eq name='status' value='success'>100%<else/>80%</eq>
				    </div>
				</div>
				<h3 style="padding-top: 60px;">
                    <eq name='status' value='success'>恭喜！您的资料已通过了我们的医生认证！<else/>您的实名资料已提交成功正在审核，请耐心等待！</eq></h3>
				<p style="padding-top: 40px;">用户名：<span class="name">{$phonenumber}</span></p>
				<!--<p style="line-height: 60px;">类型：顾问</p>-->
				<p style="line-height: 25px;font-size: 12px;color: #929292;width: 300px;margin: 0 auto;">请耐心等待审核，审核时间为1-2个工作日，通过后我们将通过邮件形式通知您，如您有任何疑问请联系客服TEL：023-63549902。</p>
				<!--<p style="text-align: center;"><a href="index.html" type="button" class="btn btn-lg w-xs btn-success" style="padding: 16px 50px;width: 220px;margin-top: 30px;">返回首页</a></p>-->
			</div>
	    </div>
	</div>
</div>
	
	
	
	
</div>

<!-- Vendor scripts -->
<script src="__PUBLIC__/vendor/jquery/dist/jquery.min.js"></script>
<script src="__PUBLIC__/vendor/jquery-ui/jquery-ui.min.js"></script>
<script src="__PUBLIC__/vendor/slimScroll/jquery.slimscroll.min.js"></script>
<script src="__PUBLIC__/vendor/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="__PUBLIC__/vendor/metisMenu/dist/metisMenu.min.js"></script>
<script src="__PUBLIC__/vendor/iCheck/icheck.min.js"></script>
<script src="__PUBLIC__/vendor/sparkline/index.js"></script>
<script src="__PUBLIC__/vendor/sweetalert/lib/sweet-alert.min.js"></script>

<!-- App scripts -->
<script src="__PUBLIC__/scripts/homer.js"></script>

<script>

    $(function(){

        $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
            $('a[data-toggle="tab"]').removeClass('btn-primary');
            $('a[data-toggle="tab"]').addClass('btn-default');
            $(this).removeClass('btn-default');
            $(this).addClass('btn-primary');
        })

        $('.next').click(function(){
            var nextId = $(this).parents('.tab-pane').next().attr("id");
            $('[href=#'+nextId+']').tab('show');
        })

        $('.prev').click(function(){
            var prevId = $(this).parents('.tab-pane').prev().attr("id");
            $('[href=#'+prevId+']').tab('show');
        })

        $('.submitWizard').click(function(){

            var approve = $(".approveCheck").is(':checked');
            if(approve) {
                // Got to step 1
                $('[href=#step1]').tab('show');

                // Serialize data to post method
                var datastring = $("#simpleForm").serialize();

                // Show notification
                swal({
                    title: "恭喜!",
                    text: "上传资料成功，请等待核审!",
                    type: "success"
                });
//            Example code for post form
//            $.ajax({
//                type: "POST",
//                url: "your_link.php",
//                data: datastring,
//                success: function(data) {
//                    // Notification
//                }
//            });
            } else {
                // Show notification
                swal({
                    title: "失败!",
                    text: "请阅读并接收开店协议",
                    type: "error"
                });
            }
        })
    
    
    });
    $("#step2").find("input").change(function(){
		var imgFile = this.files[0];
	    var fr = new FileReader();
	    var img = $(this).next(".credit");
	    fr.onload = function() {
	        img.attr("src",fr.result);
	    };
	    fr.readAsDataURL(imgFile);
	})
    
    $("#acceptprotocol").click(function(){
    	$(".icheckbox_square-green").addClass("checked");
    	$(".approveCheck").attr("checked",true);
    	$('#myModal').modal('hide');
    })
</script>

</body>
</html>